<html>
    <head>
        <title>企业申报明细</title>
        <link rel="stylesheet" href="../../../assets/theme-chalk/index.css">
        <link rel="stylesheet" href="../../../style.css">

        <style>
            body{
                background: #F0F2F6;
            }


            .main-head{
                background: #fff;
                padding-left: 10px;
                padding-top: 10px;
                padding-bottom: 10px;
                margin-bottom: 0px;
                border: solid 1px #fff;
            }

            .chart-outer{
                height: 200px;
            }

            .el-collapse-item__header{
                padding-left: 10px;
            }

            .el-collapse-item__header i{
                float: left;
            }




        </style>
    </head>
    <body>
        <div class="page" id="page-vue">

            <div class="page-title">企业申报 › 进度明细</div>
            <div class="page-main">
                <el-row>
                    <el-col :span="24">
                        <div class="main-head">
                            江南实验小学
                             <el-button  size="mini" icon="el-icon-arrow-left" style="margin-left:10px;">返回</el-button>
                        </div>

                    </el-col>
                </el-row>

                <el-row>
                    <el-col :span="24">
                        <el-tabs v-model="tabName" style="margin-left:10px;">
                            <el-tab-pane label="基本信息" name="tabBase">

                                <el-collapse>
                                    <el-collapse-item title="企业信息">

                                        <el-form style="margin-left:30px;" label-width="140" size="small" >
                                            <el-row>
                                                <el-col :span="8">
                                                    <el-form-item label="企业名称：">
                                                        浙江吉安娜股份有限公司
                                                    </el-form-item>
                                                    <el-form-item label="地址：">
                                                            杭州市、滨江区、江南大道1445号
                                                        </el-form-item>
                                                        <el-form-item label="企业传真：">
                                                                05613234444
                                                            </el-form-item>
                                                            <el-form-item label="邮编：">
                                                                    323000
                                                                </el-form-item>
                                                </el-col>
                                                <el-col :span="8">
                                                        <el-form-item label="法人代表：">
                                                            李大明
                                                        </el-form-item>
                                                        <el-form-item label="联系电话：">
                                                                13944555555
                                                            </el-form-item>
                                                            <el-form-item label="法人代码：">
                                                                    05613234444
                                                                </el-form-item>
                                                                <el-form-item label="行业分类：">
                                                                        教育科技
                                                                    </el-form-item>
                                                    </el-col>
                                                    <el-col :span="8">
                                                            <el-form-item label="变压器总容量：">
                                                                123(kVA)
                                                            </el-form-item>
                                                            <el-form-item label="企业自发电能力：">
                                                                    0(MW)
                                                                </el-form-item>
                                                                <el-form-item label="能源岗位人数：">
                                                                        10
                                                                    </el-form-item>
                                                                    <el-form-item label="工程师数：">
                                                                            8
                                                                        </el-form-item>
                                                                        <el-form-item label="技术人员：">
                                                                                8
                                                                            </el-form-item>
                                                        </el-col>
                                            </el-row>

                                        </el-form>
                                    </el-collapse-item>
                                    <el-collapse-item title="主导产品">
                                            <el-table :data="tablePData" :stripe="true" :border="true" size="mini" style="width: 90%;margin-left:30px;" >
                                                    <el-table-column prop="productName" label="产品名称">
                                                            <template slot-scope="scope">
                                                                    {{scope.row.productName}}
                                                                </template>
                                                    </el-table-column>
                                                    <el-table-column prop="max" label="设计生产能力"></el-table-column>
                                                    <el-table-column prop="unit" label="产品单位"></el-table-column>
                                                    <el-table-column prop="remark" label="工艺说明"></el-table-column>


                                                </el-table>
                                        </el-collapse-item>
                                        <el-collapse-item title="能源管理人员">
                                                <el-table :data="tableUData" :stripe="true" :border="true" size="mini" style="width: 90%;margin-left:30px;" >
                                                        <el-table-column prop="type" label="类型">
                                                                <template slot-scope="scope">
                                                                        {{scope.row.type}}
                                                                    </template>
                                                        </el-table-column>
                                                        <el-table-column prop="userName" label="姓名"></el-table-column>
                                                        <el-table-column prop="unit" label="岗位、职称"></el-table-column>
                                                        <el-table-column prop="mobile" label="手机号码"></el-table-column>
                                                        <el-table-column prop="mobile" label="电话"></el-table-column>
                                                        <el-table-column prop="fax" label="传真"></el-table-column>
                                                        <el-table-column prop="bookNo" label="证号"></el-table-column>
                                                        <el-table-column prop="bookNo" label="专业"></el-table-column>
                                                        <el-table-column prop="stuTime" label="培训时间"></el-table-column>
                                                    </el-table>
                                            </el-collapse-item>


                                </el-collapse>

                            </el-tab-pane>
                            <el-tab-pane label="表1" name="tabForm1">

                                    <el-table :data="tableForm1Data" height="250" :stripe="true" :border="true" size="mini" style="width: 99%">
                                            <el-table-column prop="companyName" label="能源品种" fixed>
                                                    <template slot-scope="scope">

                                                        </template>
                                            </el-table-column>
                                            <el-table-column prop="city" label="单位"></el-table-column>
                                            <el-table-column prop="contactUser" label="参考折表系数"></el-table-column>
                                            <el-table-column prop="contactTel" label="采用折标系数">
                                                <template slot-scope="scope">
                                                    <span class="level">{{scope.row.contactTel}}</span>
                                                </template>
                                            </el-table-column>
                                            <el-table-column prop="writeUser" label="收入" >
                                                    <el-table-column prop="writeUser" label="期初库存量" ></el-table-column>
                                                    <el-table-column prop="writeUser" label="期末库存量" ></el-table-column>
                                                    <el-table-column prop="writeUser" label="购入量" ></el-table-column>
                                            </el-table-column>
                                            <el-table-column prop="writeTel" label="支出">
                                                    <el-table-column prop="writeTel" label="工业生产消费">
                                                            <el-table-column prop="writeTel" label="工业生产消费">

                                                                </el-table-column>
                                                                <el-table-column prop="writeUser" label="能源转换投入" >
                                                                        <el-table-column prop="writeUser" label="发电转换" ></el-table-column>
                                                                        <el-table-column prop="writeUser" label="供热转换" ></el-table-column>
                                                                        <el-table-column prop="writeUser" label="其他转换" ></el-table-column>
                                                                        <el-table-column prop="writeUser" label="合计" ></el-table-column>
                                                                </el-table-column>
                                                        </el-table-column>
                                                        <el-table-column prop="writeTel" label="非工业生产消费"></el-table-column>
                                                        <el-table-column prop="writeTel" label="其他"></el-table-column>
                                            </el-table-column>

                                            <el-table-column label="余热余压回收" align="center"></el-table-column>
                                            <el-table-column prop="form1Status" label="能源转换产出" width="60"></el-table-column>
                                            <el-table-column prop="form2Status" label="上网电量" width="60"></el-table-column>
                                            <el-table-column prop="form3Status" label="发电标煤耗(克/千瓦时)" width="100"></el-table-column>

                                        </el-table>

                            </el-tab-pane>
                            <el-tab-pane label="表2" name="tabForm2"></el-tab-pane>
                            <el-tab-pane label="表3" name="tabForm3"></el-tab-pane>
                        </el-tabs>
                    </el-col>
                </el-row>
            </div>


        </div>



        <script type='text/javascript' src='../../../assets/bundle.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../assets/jquery-1.11.2.min.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../assets/echarts.min.js' charset='utf-8'></script>

        <script type='text/javascript' src='../../../js/common.js' charset='utf-8'></script>
        <script type='text/javascript' src='../../../js/component.js' charset='utf-8'></script>

        <script>

            var vuePage=new Vue({
                el:'#page-vue',
                data:{
                    tabName:"tabBase",
                    tablePData:[],
                    tableUData:[],
                    tableForm1Data:[]
                },
                methods:{



                },
                created:function(){
                    this.tablePData=[{
                        productName:'不锈钢产品',
                        max:4000,
                        unit:"吨",
                        remark:"冷轧、退货、拉齐奥"
                    }];

                    this.tableUData=[
                        {
                            userName:'赵大丹',
                            tel:'05712333333',
                            mobile:'13892393992',
                            unit:'车间主任',
                            type:'生产管理人员',


                        }
                    ];
                },
                mounted:function(){


                }
            });


        </script>

    </body>
</html>
